<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
<link rel="stylesheet" href="styles/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href="styles/jquery.mobile.theme-1.1.0.css" />
<script src="js/cordova-1.5.0.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.1.0.js"></script>

<style type="text/css">
.ui-icon-search-icon {
	background-image: url("imgs/search.png");
}
</style>
</head>
<body>
	<div data-role="page" id="page1">
		<div data-role="header">
			<table style="width: 100%;">
				<tr>
					<td align="left" valign="middle"><img alt=""
						src="imgs/logo.png" style="vertical-align: middle;">&nbsp;Locations
					</td>
					<td align="right" valign="middle"><img src="imgs/globe.png"
						alt="Search" /> <img src="imgs/myLocation.png" alt="image" /> <img
						src="imgs/backup.png" alt="image" /> <img alt="Exit"
						src="imgs/close.png" style="cursor: pointer;"
						onclick="navigator.app.exitApp();" /></td>
				</tr>
			</table>
		</div>
		<div data-role="content">
			<div data-role="fieldcontain">
				<fieldset data-role="controlgroup" data-mini="true">
					<input id="searchLocation" placeholder="Location" value=""
						type="text" />
				</fieldset>
				<input type="button" data-inline="true" data-icon="search-icon"
					data-iconpos="left" value="Search" data-mini="true" />
			</div>
		</div>
	</div>
</body>
</html>